$(function () {
	// 从本地存储获取用户信息
	var userInfo = window.localStorage.getItem("userInfo");
	if(userInfo){
		userInfo = JSON.parse(userInfo);
	}else{
		window.location.href = "login.html";
	}

	userInfo.trueIcon = indexUrl+userInfo.icon; // 头像数据处理
	userInfo.sex = userInfo.sex=="0" ? "女" :"男";  // 性别数据处理
	
	var vm = new Vue({
		el:"#app",
		data:{
			user:userInfo
		},
		methods:{
			changImg:changImg, // 修改头像
			infoChange:infoChange, // 确认提交
			changeSex:changeSex // 修改性别
		}
	})


	// 图片上传
	function changImg(user){
		var file = document.getElementById("file");
		file = file.files[0];
		var formData = new FormData();
		// 这里必须叫icon，以为后端接口已经确定
		formData.append("icon",file);
		//上传图片
		$.ajax({
			url:indexUrl+"/lib/upload.php",
			data:formData,
			type:"post",
			processData:false,
			contentType:false,
			success:function(data){
				console.log(data);
				if(data!="上传失败"){ // 返回data就是上传成功的路径
					layer('上传成功');
					// 临时url,改变图片
					var curUrl = window.URL.createObjectURL(file);
					user.trueIcon = curUrl;
					user.icon = data;
				}
			},
			error:function(err){
				layer('上传失败');
			}
		})
	}

	// 修改性别
	function changeSex(event,user){
		var input = event.target;
		var sex = input.value;
		if(sex=="男" || sex=="女"){
			user.sex = sex;
		}else{
			layer("只能输入男和女");
		}
	}



	// 确认修改
	function infoChange(){
		ajax("/user.php","post",{
			act:"update",
			userID:vm.user.name_id,
			username:vm.user.name,
			sex:vm.user.sex,
			icon:vm.user.icon,
			phone:vm.user.tel			
		},"json",function(data){
			if(data.code==200){
				layer("修改成功",function(){
					var userTxt = JSON.stringify(data.data);
					window.localStorage.setItem("userInfo",userTxt);
					window.location.href = "user.html";
				})
			}else{
				layer(data.msg)
			}
		},function(err){
			console.log(err)
		});
	}


})